<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML文本标签示例</title>
</head>
<style>
    .container {
      display: flex;
      justify-content: center; /* 水平居中 */
      align-items: center;     /* 垂直居中 */
      height: 100vh;           /* 占满整个视口高度 */
    }
</style>
<body>
<div style="text-align: center" class="container">
    <p>Word This is an English paragraph. It contains multiple sentences to show how paragraph text looks.</p>
    <p>Word This is an English paragraph. It contains multiple sentences to show how paragraph text looks.</p>
    <p>Word This is an English paragraph. It contains multiple sentences to show how paragraph text looks.</p>
    <p>Word This is an English paragraph. It contains multiple sentences to show how paragraph text looks.</p>
    <p>Word This is an English paragraph. It contains multiple sentences to show how paragraph text looks.</p>
    <p>Word This is an English paragraph. It contains multiple sentences to show how paragraph text looks.</p>
    <p>Word This is an English paragraph. It contains multiple sentences to show how paragraph text looks.</p>

</div>

<script>
    // 富文本编辑器示例（这里简单模拟，实际需引入富文本库如 TinyMCE、CKEditor 等）
    const richEditor = document.getElementById('rich-editor');
    richEditor.placeholder = '富文本编辑区域...';
</script>

</body>
</html>